<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--                                                         微信扫码后跳转到此页(login.html有路径)                                        -->
    <!--引入vue和axios-->
    <script src="js/plugins/vue/dist/vue.js"></script>
    <script src="js/plugins/axios/dist/axios.js"></script>
    <!-- 全局的基础配置文件 -->
    <script src="js/plugins/common.js"></script>
</head>
<body>
<div id="app"></div>
</body>

<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {},
        methods:{

        },
        mounted(){
            // 扫码前url：https://open.weixin.qq.com/connect/qrconnect?appid=wxd853562a0548a7d0&redirect_uri=http://bugtracker.itsource.cn/callback.html&response_type=code&scope=snsapi_login&state=1#wechat_redirect
            //lr扫码后url：http://bugtracker.itsource.cn/callback.html?code=071nj6000FQWiO1w22200emcVu3nj60A&state=1
            // 1.1页面只要加载，就获取code，发送请求给后端
            var url = location.href;
            // 1.11将地址变成对象{code : adsfasdf,state : 1}，有工具类，直接使用工具类就行了。
            var jsonObj = parseUrlParams2Obj(url);
            // 1.12获取授权码，发送给后端
            var code = jsonObj.code;//code=071nj6000FQWiO1w22200emcVu3nj60A

            this.$http.get("/login/weChat/"+code)
                .then(res=>{
                    if(res.data.success) {
                        // 1.2 绑定过微信，把后端返回的token和logininfo存localStorage中
                        // 1.2.1 获取token
                        var token = res.data.resultObj.token;
                        // 1.2.2 获取用户信息
                        var logininfo = res.data.resultObj.logininfo;
                        // 1.2.3 将token存localStorage中
                        localStorage.setItem("token", token);
                        // 1.2.4 JSON.stringify(logininfo) 把json对象转成json字符串，将logininfo存localStorage中
                        localStorage.setItem("logininfo", JSON.stringify(logininfo));
                        // 1.2.5 跳转后台首页
                        location.href="index.html";
                    }else{
                        // 1.3 没有绑定微信
                        // 1.3.1 得到后端（LoginServiceImpl 1.3）传来的网址
                        var param = res.data.resultObj;// String param = "?access_token="+access_token+"&openid="+openid;
                        // 1.3.2 跳转到绑定页面
                        location.href="binder.html"+param;
                    }
                }).catch(res=>{

            })

        }
    })
</script>
</html>